<template>
	<div>
		<!-- @ === v-on: -->
		<div style="background: red" @click="handelClick">
			<!-- .stop 阻止事件冒泡 -->
			<button @click.stop="1 + 1" style="background: green">click</button>
		</div>
		<!-- 阻止默认事件 .prevent 修饰符 -->
		<form @submit.prevent="submit">
			<input type="text" name="user" />
			<!-- 禁止自动提交 -->
			<button>提交</button>
		</form>
	</div>
</template>

<script>
export default {
	methods: {
		submit() {
			// ajax
		},

		handelClick(event) {
			// event是事件默认注入的
			// 获取原生dom对象 event.target
			// target获取事件触发的元素
			// currentTarget获取事件绑定的元素
			console.log(event)
			// event.target.style.color = 'red'
		},
	},
}
</script>